<!--
 * @Author: cqg
 * @Date: 2020-12-14 11:12:59
 * @LastEditTime: 2021-04-21 15:15:18
 * @Description: file content
 * @LastEditors: xjt
-->
<template>
  <div class="basic-from">
    <el-form :model="JSON.parse(JSON.stringify(form)) " class="form-wrap" size="small">
      <p class="title full">工程信息</p>
      <el-form-item label="工程名称" prop="projectName">
        <el-input v-halfCharCode v-model="form.projectName" maxlength="100" placeholder="请输入工程名称" disabled />
      </el-form-item>
      <el-form-item label="工程地址" prop="projectAddress">
        <el-input v-halfCharCode v-model="form.projectAddress" maxlength="100" placeholder="请输入工程地址" disabled />
      </el-form-item>
      <el-form-item label="工程类型" prop="projectType">
        <el-select clearable v-model="form.projectType" placeholder="请选择工程类型" disabled>
          <el-option v-for="item in epcProjectTypes" :key="item.label" :label="item.label" :value="item.value" />
        </el-select>
      </el-form-item>
      <el-form-item label="建设内容" class="full" prop="projectContent">
        <el-input v-halfCharCode v-model="form.projectContent" maxlength="300" placeholder="请输入建设内容" disabled />
      </el-form-item>
      <el-form-item label="建设规模" class="full" prop="projectScale">
        <el-input v-halfCharCode v-model="form.projectScale" maxlength="300" placeholder="请输入建设规模" disabled />
      </el-form-item>
      <el-form-item label="工程建设工期" prop="projectStart">
        <el-date-picker
          type="daterange"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          v-model="form.projectStart"
          format="yyyy-MM-dd"
          disabled
          valueFormat="yyyy-MM-dd"
        />
      </el-form-item>
      <el-form-item label="资金来源" prop="projectSource">
        <el-input v-halfCharCode v-model="form.projectSource" maxlength="100" disabled placeholder="请输入资金来源" />
      </el-form-item>
      <el-form-item label="备注" class="full" prop="remarks">
        <el-input v-halfCharCode v-model="form.remarks" maxlength="1000" disabled placeholder="请输入备注" />
      </el-form-item>
      <p class="title full">代建单位信息</p>
      <el-form-item label="代建单位" prop="agentInfo">
        <el-input v-halfCharCode v-model="form.agentInfo" maxlength="100" disabled placeholder="请输入代建单位" />
      </el-form-item>
      <el-form-item label="单位联系人" prop="agentContact">
        <el-input v-halfCharCode v-model="form.agentContact" maxlength="50" placeholder="请输入单位联系人" disabled />
      </el-form-item>
      <el-form-item label="联系电话" prop="agentPhone">
        <el-input v-halfCharCode v-model="form.agentPhone" maxlength="30" disabled placeholder="请输入联系电话" />
      </el-form-item>
      <p class="title full">代建单位中标通知书信息</p>
      <el-form-item label="中标通知书文号" prop="bidDocument">
        <el-input v-halfCharCode v-model="form.bidDocument" maxlength="50" disabled placeholder="请输入中标通知书文号" />
      </el-form-item>
      <el-form-item label="金额(元)" prop="bidAmount">
        <el-input :value="form.bidAmount | thousandMoney" maxlength="18" disabled placeholder="请输入金额" />
      </el-form-item>
      <el-form-item label="审批日期" prop="bidApprove">
        <el-date-picker v-model="form.bidApprove" type="date" disabled value-format="yyyy-MM-dd" format="yyyy-MM-dd" placeholder="请选择审批日期" />
      </el-form-item>
      <p class="title full">附件</p>
    </el-form>
    <v-upload :busId="form.projectId" modelType="registration" :isView="true" multiple v-model="uploadFileList" />
  </div>
</template>

<script>
import OverviewMixins from '../public/overviewMixins'
export default {
  mixins: [OverviewMixins],
  props: ['form'],
  mounted () {
    this.form.projectStart = [this.form.projectStart, this.form.projectEnd]
  },

}
</script>
